<section class="order width1200">
  <ul class="order-content">
    <li class="line add-info">
      添加并核对订单信息
    </li>
    <li class="line Sinfo clearfix">
      <div class="line-left">
        收货人信息
      </div>
      <div class="line-center">
        <a href="JavaScript:0;" class="line-img">
          <img src="./userbg.png">
        </a>
        <a href="JavaScript:0;">张三</a>
        <a href="JavaScript:0;">北京市朝阳区浦项中心B座20层</a>
        <a href="JavaScript:0;">道恩集团公司</a>
        <a href="JavaScript:0;">124248248</a>
      </div>
      <div class="line-right">

        <a href="javascript:0">
                  <el-button type="text" @click="dialogFormVisible1 = true">修改收货信息</el-button>
          <el-dialog title="修改收货信息" :visible.sync="dialogFormVisible1" center>
            <el-form :model="form">
              <span class="order_span order_span1"></span>
              <el-form-item label="收货人" :label-width="formLabelWidth">
                <el-input v-model="form.name" auto-complete="off"></el-input>
              </el-form-item>
              <span class="order_span order_span2"></span>
              <el-form-item label="联系电话" :label-width="formLabelWidth">
                <el-input v-model="form.phone" auto-complete="off"></el-input>
              </el-form-item>
              <span class="order_span order_span3"></span>
              <el-form-item label="省/直辖市" :label-width="formLabelWidth">
                <el-select v-model="form.region" placeholder="请选择">
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
                <el-select v-model="form.region" placeholder="请选择">
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
                <el-select v-model="form.region" placeholder="请选择">
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
              </el-form-item>
              <span class="order_span order_span4"></span>
              <el-form-item label="详细地址" :label-width="formLabelWidth">
                <!-- <el-input auto-complete="off"></el-input> -->
                <el-input type="textarea" v-model="form.desc"></el-input>
              </el-form-item>
            </el-form>
          
            <div slot="footer" class="dialog-footer">
              <el-button @click="dialogFormVisible1 = false">取 消</el-button>
              <el-button type="primary" @click="modify()">确 定</el-button>
            </div>
          </el-dialog>
        </a>
        <a href="javascript:0">
          <el-button type="text" @click="dialogFormVisible2 = true">切换地址</el-button>
          <el-dialog title="选择收货地址" :visible.sync="dialogFormVisible2" center>
            <div class="adress_list">
              <div class="adress_list_card adress_list_card1" @click="orderClick(1)">
                <ul class="card_list">
                  <li>谭琨山</li>
                  <li>北京市朝阳区浦项大厦B座20层</li>
                  <li>135123456789</li>
                </ul>
              </div>
              <div class="adress_list_card adress_list_card2" @click="orderClick(2)">
                <ul class="card_list">
                  <li>谭琨山</li>
                  <li>北京市朝阳区浦项大厦B座20层</li>
                  <li>135123456789</li>
                </ul>
              </div>
              <div class="adress_list_card adress_list_card3" @click="orderClick(3)">
                <ul class="card_list">
                  <li>谭琨山</li>
                  <li>北京市朝阳区浦项大厦B座20层</li>
                  <li>135123456789</li>
                </ul>
              </div>
            </div>
            <div slot="footer" class="dialog-footer">
              <el-button @click="dialogFormVisible2 = false">取 消</el-button>
              <el-button type="primary" @click="dialogFormVisible2 = false">确 定</el-button>
            </div>
          </el-dialog>
          </a>
        <a href="javascript:0">
          <el-button type="text" @click="dialogFormVisible3 =true">新增收货地址</el-button>
          <el-dialog title="新增收货地址" :visible.sync="dialogFormVisible3" center>
            <el-form :model="form">
              <el-form-item label="收货人" :label-width="formLabelWidth">
                <el-input v-model="form.name" auto-complete="off"></el-input>
              </el-form-item>
              <el-form-item label="联系电话" :label-width="formLabelWidth">
                <el-input v-model="form.phone" auto-complete="off"></el-input>
              </el-form-item>
              <el-form-item label="省/直辖市" :label-width="formLabelWidth">
                <el-select v-model="form.region" placeholder="请选择">
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
                <el-select v-model="form.region" placeholder="请选择">
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
                <el-select v-model="form.region" placeholder="请选择">
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="详细地址" :label-width="formLabelWidth">
                <!-- <el-input auto-complete="off"></el-input> -->
                <el-input type="textarea" v-model="form.desc"></el-input>
              </el-form-item>
            </el-form>
          
            <div slot="footer" class="dialog-footer">
              <el-button @click="dialogFormVisible3 = false">取 消</el-button>
              <el-button type="primary" @click="dialogFormVisible3 = false">确 定</el-button>
            </div>
          </el-dialog>
        </a>
      </div>

    </li>
    <li class="line line-methods">
      <div class="methods-goods">
        <i>支付方式</i>
        <a class="goods goods-first " href="javascript:0" @click="changeWay('payWay',0)" :class="{active: payWay === 0? true:false}">款到发货</a>
        <a class="goods goods-second" href="javascript:0" @click="changeWay('payWay',1)" :class="{active: payWay === 1? true:false}">货到付款</a>
        <a class="goods goods-there" href="javascript:0" @click="changeWay('payWay',2)" :class="{active: payWay === 2? true:false}">分期付款</a>
        <!-- <span></span> -->
      </div>
      <div class="methods-goods">
        <i>分配方式</i>
        <a class="goods goods-first " href="javascript:0" @click="changeWay('sendWay',0)" :class="{active: sendWay === 0? true:false}">配送</a>
        <a class="goods goods-second" href="javascript:0" @click="changeWay('sendWay',1)" :class="{active: sendWay === 1? true:false}">自提</a>
        <!-- <a class="goods goods-there" href="javascript:0">分期付款</a> -->
        <!-- <span></span> -->
      </div>
      <div class="methods-goods">
        <i>运费结算方式</i>
        <a class="goods goods-first " href="javascript:0" @click="changeWay('spendWay',0)" :class="{active: spendWay === 0? true:false}">一票制</a>
        <a class="goods goods-second" href="javascript:0" @click="changeWay('spendWay',1)" :class="{active: spendWay === 1? true:false}">二票制</a>
        <!-- <a class="goods goods-there" href="javascript:0">分期付款</a> -->
        <!-- <span></span> -->
      </div>
    </li>
    <li class="line">
      产品清单
    </li>
  </ul>
  <div class="product-name">

    <el-table :data="tableData6" :span-method="arraySpanMethod" border style="width: 100%">
      <el-table-column prop="id" label="ID">
      </el-table-column>
      <el-table-column prop="name" label="姓名">
      </el-table-column>
      <el-table-column prop="amount1" sortable label="数值 1">
      </el-table-column>
      <el-table-column prop="amount2" sortable label="数值 2">
      </el-table-column>
      <el-table-column prop="amount3" sortable label="数值 3">
      </el-table-column>
      <el-table-column prop="name" label="姓名">
      </el-table-column>
      <el-table-column prop="amount1" sortable label="数值 1">
      </el-table-column>
      <el-table-column prop="amount2" sortable label="数值 2">
      </el-table-column>
      <el-table-column prop="amount3" sortable label="数值 3">
      </el-table-column>
    </el-table>
    <el-row>
      <el-col :span="8">
        <div class="beizhu">
          订单备注
          <input type="text">
        </div>
      </el-col>
      <el-col :span="8">
        <p class="info info2">
          <span class="info1">开票信息</span>
          <span>发我为覅我我的哈达粗</span>
        </p>
        <p class="info">
          <span class="info1"></span>
          <span>发我为覅我我的哈达粗</span>
        </p>
      </el-col>
      <el-col :span="8">
        <p class="one clearfix">
          <span>产品总额</span>
          <span>￥1290</span>
        </p>
        <p class="one clearfix">
          <span>产品总额</span>
          <span>￥1290</span>
        </p>
        <p class="one clearfix">
          <span>产品总额</span>
          <span>￥1290</span>
        </p>
        <p class="one clearfix">
          <span>产品总额</span>
          <span>￥1290</span>
        </p>
      </el-col>
      <el-col :span="12" class="e"></el-col>
      <el-col :span="12" class="e">
        <p>
          <span class="one">代金券(可用1000元)</span>
          <el-input v-model="input"></el-input>
          <label>元</label>
          <span class="active">优惠活动（4个）</span>
          <el-button type="primary">优惠活动</el-button>
        </p>
      </el-col>
    </el-row>

  </div>
  <div class="box clearfix">

    <el-button class="right" type="primary">
      提交订单
    </el-button>
  </div>





</section>